<template>
	<view>
		<dsl-navbar title="员工列表" isBack bgTopImg="#ffffff" titleRight="" titleRightStyle='#00D88F'></dsl-navbar>
		<view class="talents_body rowsb" v-for="(item,index) in 3">
			<view class="align-center">
				<image src="/static/icon/icon-xuanzhong.png" mode="" class="telents_select"></image>
				<!-- <image src="../../../static/icon/icon-weixuanzhong.png" mode="" class="telents_select"></image> -->
				<view class="flex margin-left">
					<image src="" mode="aspectFill" class="bg-gray telents_image"></image>
					<view>
						<view class=" margin-left">
							<view class="align-center">
								<text class="telents_title">悠悠</text>
								<view class="telents_state" :class="{'solid_text_green':true}">
									<text>已入职</text>
									<text v-if="false">未通过</text>
									<text v-if="false">待面试</text>
									<text v-if="false">待业</text>
								</view>
							</view>
							<view class="align-center margin-top-xs">
								<image src="/static/icon/icon_xingbienv.png" mode="" class="telents_sex"></image>
								<text class="telents_age">20岁</text>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="telents_submit">
				查看简历
			</view>
		</view>
		<view class=" bottom_submit ">
			<view class="align-center">
				<image src="/static/work/icon-weixuanzhong.png" mode="" class="telents_select"></image>
				<text class="margin-left">全选</text>
			</view>
			<view class="telents_button">
				确定(1/9)
			</view>


		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				count: '',
				messageCode: '',
				colonelPhone: '',
				colonelNickname: '',
				colonelPassword: '',
			}
		},
		onLoad() {},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background: #F7F6FA;
	}

	.talents_body {
		padding: 20rpx;
		margin: 30rpx;
		background-color: white;
		display: flex;
		align-items: center;
		border-radius: 30rpx;
	}

	.telents_select {
		width: 30rpx;
		height: 30rpx;
		border-radius: 50%;
		opacity: 1;
	}

	.telents_image {
		width: 80rpx;
		height: 80rpx;
		background: #E6E6E6;
		opacity: 1;
		border-radius: 99rpx;
	}

	.telents_state {
		width: 110rpx;
		height: 34rpx;
		opacity: 1;
		border-radius: 20rpx;
		font-size: 20rpx;
		font-family: PingFang SC;
		font-weight: 400;
		opacity: 1;
		line-height: 34rpx;
		text-align: center;
		margin-left: 30rpx;
	}

	.telents_title {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
		opacity: 1;
	}

	.telents_sex {
		width: 24rpx;
		height: 24rpx;
		opacity: 1;
	}

	.telents_age {
		font-size: 20rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #333333;
		opacity: 1;
		margin-left: 20rpx;
	}

	//入职
	.solid_text_green {
		border: 1rpx solid #00D88F;
		color: #00D88F !important;
	}

	.telents_submit {
		width: 140rpx;
		height: 50rpx;
		background: #00D88F;
		opacity: 1;
		border-radius: 25rpx;
		line-height: 50rpx;
		color: white;
		text-align: center;
	}

	.telents_button {
		width: 200rpx;
		height: 60rpx;
		background: #00D88F;
		opacity: 1;
		border-radius: 30rpx;
		line-height: 60rpx;
		color: white;
		text-align: center;
	}
	.bottom_submit{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: white;
		display: flex;
		justify-content: space-between;
		padding: 30rpx;
		
	}
</style>
